<template>
	<AppTopnav></AppTopnav>
	<AppHeaderSticky></AppHeaderSticky>
	<AppHeader></AppHeader>
	<main>
		<router-view></router-view>
	</main>
	<AppFooter></AppFooter>
</template>

<script>
	import {useStore} from 'vuex'
	
	import AppTopnav from '@/components/app-topnav'
	import AppHeader from '@/components/app-header'
	import AppFooter from '@/components/app-footer'
	import AppHeaderSticky from '@/components/app-header-sticky'
	
	export default {
		components: {
			AppTopnav,
			AppHeader,
			AppFooter,
			AppHeaderSticky 
		},
		
		setup() {
			const store = useStore()
			store.dispatch('category/getList')
		}
	}
</script>

<style lang="less" scoped>

</style>
